<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Favorite Documents</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Favorite Documents</h1>
	</header>
	<main>
		<h3>Add OpenBoard documents to favorites</h3>
		<p>Coming with OpenBoard 1.7, you can add OpenBoard documents to your favorites !</p>
		<p>To do so, go to Documents Mode, select a document and click on<span class="icon"><img src="../../assets/common/addToFavorites.png" alt=""></span> in the Documents toolbar.</p>
		
		<div class="image"><img src="../../assets/hint12/favorites.png" alt=""></div>
		
		<h3>Quickly switch between documents</h3>
		<p>Your favorite documents will appear in the OpenBoard Library, under <span class="icon"><img src="../../assets/common/FavoritesCategory.png" alt=""></span><br>
		Each OpenBoard document (<span class="icon"><img src="../../assets/common/openboard-document.png" alt=""></span>) can then be dragged and dropped to the Board !</p>
		<div class="image"><img src="../../assets/hint12/favorites2.png" alt=""></div>

		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>You can use the search bar at the bottom of the OpenBoard Library to quickly find a document by its name</span>
		
		<h3>Recently open documents</h3>
		<p>Every document you open is temporary added to the favorites so you can switch between each one of them during a session, without the need for them to be explicitely marked as favorites.</p>
		<div class="image"><img src="../../assets/hint12/favorites3.png" alt=""></div>
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>If you want to permanently add a recently open document in your favorites, you can do so via the OpenBoard Library : select it and click on <span class="icon"><img src="../../assets/common/addToFavorites.png" alt=""></span></span>
	</main>
	<footer>

	</footer>
</body>
</html>
